<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>

<body>
    <div class="site-topbar">
        <div class="container cl">
            <div class="topbar-nav">
                <a href="https://www.mi.com">小米商城</a>
                <span class="sep">|</span>
                <a href="#">MIUI</a>
                <span class="sep">|</span>
                <a href="#">IoT</a>
                <span class="sep">|</span>
                <a href="#">云服务</a>
                <span class="sep">|</span>
                <a href="#">小爱开放平台</a>
                <span class="sep">|</span>
                <a href="#">金融</a>
                <span class="sep">|</span>
                <a href="#">有品</a>
                <span class="sep">|</span>
                <a href="#">政企服务</a>
                <span class="sep">|</span>
                <a href="#">Select Region</a>
            </div>
            <div class="topba-cart">
                <a href="#" class="cart-mini">
                    <i class="#icon">&#xe60c;</i>购物车
                    <span class="cart-mini-num">(0)</span>
                </a>
                <div class="cart-menu"></div>
            </div>
            <div class="topba-info">
                <a href="https://www.mi.com" class="link">登录</a>
                <span class="sep">|</span>
                <a href="#" class="link">注册</a>
                <span class="sep">|</span>
                <span class="message">
                    <a href="#">消息通知</a>
                </span>
            </div>
        </div>
    </div>
    <div class="site-header">
        <div class="container cl">
            <div class="header-logo">
                <a href="#" class="logo" title="小米官网"></a>
            </div>
            <div class="header-nav">
                <ul class="nav-list cl">
                    <li class="nav-category"></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">小米手机</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">红米</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">电视</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">笔记本</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">盒子</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">新品</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">路由器</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">智能硬件</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">服务</span></a></li>
                    <li class="nav-item"><a href="" class="link"><span class="text">社区</span></a></li>
                </ul>
            </div>
            <div class="header-search">
                <form action="//search.mi.com/search" class="search-form">
                <input type="search" class="search-text"></form>
            </div>
        </div>
        
    </div>
    <script src="jquery.min.js"></script>
</body>

</html>